var SWINGFLAG = 1;
var CURRENTBAR;

function swing() {
	if(SWINGFLAG == 1) {
		document.getElementById('welcome').style.transform = 'rotate(10deg)';
		setTimeout("document.getElementById('welcome').style.transform='rotate(-10deg)'", 1500);
	}else{
		document.getElementById('welcome').style.transform = 'rotate(10deg) scale(0.5)';
		setTimeout("document.getElementById('welcome').style.transform='rotate(-10deg) scale(0.5)'", 1500);
	}
};

$(function() {
	
	$(".content").hide(); 
	$(".content").removeAttr("hidden");    //撤销hidden属性使之可以显示且不会提前闪现
	
	
	setTimeout("document.getElementById('welcome').style.transform='rotate(-10deg)'", 500);
	setInterval("swing()", 3000);
	//	console.log($("welcome"));
	//welcome标题栏的左右摇摆

	$("#menuBar").click(() => {
		SWINGFLAG = 0;		//更改摇摆时的大小
		$('#welcome').animate({
			top: '5%',
			left: '-8%'
		}, 1500);

		$('#menuBar').animate({
			left: '5%',
			width: '10%'
		}).css({
			'transform': 'rotate(360deg)',
			'top': '25%'
		})
	})
	//点击菜单栏后的菜单和标题的移动动画

	$(".bar").hover(function() {
		let nam = 'image/bar/bar' + $(this).attr('no') + 'x.png';
		$(this).attr('src', nam).attr('width', "100%")
	}, function() {
		//		console.log($(this).attr('flag'))
		if($(this).attr('flag') != "1") {
			let nam = 'image/bar/bar' + $(this).attr('no') + '.png';
			$(this).attr('src', nam).attr('width', "50%")
		} else {
			$(this).attr('width', "80%")
		}
	});
	//设置菜单栏单项的鼠标移入移出事件，当前点击对应移出只改大小不改图片

	$(".bar").click(function() {
		for(item of $(this).siblings()) {
			if($(item).attr('flag') == '1') {
				$(item).attr('src', 'image/bar/bar' + $(item).attr('no') + '.png')
				$(item).attr('width', "50%")
			}
		}
		$(this).attr('flag', 1);
		$(this).siblings().attr('flag', 0);
		
		CURRENTBAR = $(this).attr('no');
		$(".content").hide();
		$(".content")[parseInt(CURRENTBAR)-1].style.display = '';
	});
	//通过添加flag属性为1或取消为0，标记当前点击菜单项

	$("#exit").hover(function() {
		$(this).attr('src', 'image/bar/bar0x.png')
	}, function() {
		$(this).attr('src', 'image/bar/bar0.png')
	});
	//单独对exit退出选项的移入特效
	
	
	
	
	
	
	
	
	
	

})